@import '~igniteui-angular/lib/core/styles/themes/schemas/light/slider';

////
/// @group schemas
/// @access private
/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
////

/// Generates a dark slider schema.
/// @type {Map}
/// @requires {function} extend
/// @requires $_light-slider
/// @see $default-palette
$_dark-slider: extend($_light-slider);

/// Generates a dark fluent slider schema.
/// @type {Map}
/// @property {map} track-color [igx-color: ('secondary', 700), hexrgba: #192038] - The thumb border color.
/// @property {map} thumb-disabled-border-color [igx-color: ('grays', 400), hexrgba: #192038] - The thumb border color when its disabled
/// @requires {function} extend
/// @requires $_fluent-slider
$_dark-fluent-slider: extend(
    $_fluent-slider,
    (
        track-color: (
            igx-color: ('grays', 700),
            hexrgba: #192038
        ),

        thumb-disabled-border-color: (
            igx-color: ('grays', 400),
            hexrgba: #192038
        ),
    )
);

/// Generates a dark bootstrap slider schema.
/// @type {Map}
/// @requires {function} extend
/// @requires $_bootstrap-slider
$_dark-bootstrap-slider: extend($_bootstrap-slider, (
    track-color: (
        igx-color: ('grays', 700),
        hexrgba: #192038
    ),

    thumb-disabled-border-color: (
        igx-color: ('grays', 400),
        hexrgba: #192038
    ),
));
